<%--
  Created by IntelliJ IDEA.
  User: zhangDongFei
  Date: 2020/11/17
  Time: 14:56
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>登录页面</title>
    <link rel="stylesheet" type="text/css" href="../layui/css/layui.css" />
    <link rel="stylesheet" type="text/css" href="./css/style.css" />
    <script src="../layui/layui.js"></script>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/layui/css/layui.css">
    <script src="${pageContext.request.contextPath}/layui/layui.js" charset="utf-8"></script>
</head>
<style type="text/css">
    /*body {
       !* width: 100%;*!
        max-width: 1920px;
        margin: 0 auto;
    }*/
    #max{
        margin:0 auto;
    }
    .loginReg-header {
        border: 1px solid #00FF00;
        clear: both;
        width: 100%;
        height: 80px;
        text-align: center;
        margin: 0 auto;
        padding: 20px 0;
    }

    .loginReg-wrapper {
        clear: both;
        width: 100%;
        max-width: 1920px;
        background: url(../img/login/bg.jpg) no-repeat center top;
        background-color: rgba(0, 0, 0, 0);
        background-position-x: center;
        background-position-y: top;
        background-repeat: no-repeat;
        background-attachment: scroll;
        /*background-image: url(./img/login/bg.jpg);*/
        background-size: auto;
        background-origin: padding-box;
        background-clip: border-box;
        border-top: #F7821B solid 3px;
        border-top-color: rgb(247, 130, 27);
        border-top-style: solid;
        border-top-width: 3px;
        margin: 0 auto;
        margin-top: 0px;
        margin-right: auto;
        margin-bottom: 0px;
        margin-left: auto;
    }


    .reg-height {
        height: 990px;
        background-size: auto 100% !important;
        position: static;
    }


    .footer {
        clear: both;
        width: 100%;
        height: auto;
        overflow: hidden;
        text-align: center;
    }

    img {
        vertical-align: middle;
    }

    .layui-tab-content {
        padding: 0px;
    }

    #canvas {
        width: 100px;
        height: 43px;
        /* float: right; */
        display: inline-block;
        border: 1px solid #ccc;
        border-radius: 5px;
        cursor: pointer;
    }

    .left-member {
        clear: both;
        width: 550px;
        padding: 100px 0 0;
        float: left;
    }

    .infPhone {
        margin-top: 20px;
    }

    .infPhone b {
        clear: both;
        font-size: 40px;
        color: #FFFFFF;
        font-weight: normal;
    }

    .infPhone ul {
        clear: both;
        padding: 30px 0;
    }

    .infPhone ul li {
        padding-left: 15px;
        font-size: 18px;
        line-height: 30px;
        font-weight: normal;
        color: #FFFFFF;
    }

    .infPhone li {
        clear: both;
        background: url(../img/login/point.png) no-repeat left center;
        padding-left: 15px;
        font-size: 18px;
        line-height: 30px;
        font-weight: normal;
    }

    .code i {
        font-size: 11px;
        display: block;
        clear: both;
        line-height: 35px;
    }

    .layui-btn {
        background: #F08519;
        border-radius: 2px;
        width: 100%;
        padding: 0;
        height: 50px;
        font-size: 22px;
        color: #fff;
    }
    .layui-form-item,.layui-input-inline,.layui-input{
        height: 45px;
    }
    .layui-form-item .layui-form-label{
        height: 45px;
    }

    .sms-btn{
        width:100px;
        height: 45px;
        border: 0rem;
        /* background-color: white; */
    }
</style>

<body>
<div id="max">
<div class="loginReg-header">
    <ul class="layui-nav" lay-filter="">
        <li class="layui-nav-item"><a href="">最新活动</a></li>
        <li class="layui-nav-item layui-this"><a href="">产品</a></li>
        <li class="layui-nav-item"><a href="">大数据</a></li>
        <li class="layui-nav-item">
            <a href="javascript:;">解决方案</a>
            <dl class="layui-nav-child">
                <!-- 二级菜单 -->
                <dd><a href="">移动模块</a></dd>
                <dd><a href="">后台模版</a></dd>
                <dd><a href="">电商平台</a></dd>
            </dl>
        </li>
        <li class="layui-nav-item"><a href="">社区</a></li>
    </ul>
</div>
<div class="layui-row loginReg-wrapper reg-height " style="">
    <div class="layui-col-xs12 layui-col-md8 loginReg-member" style="height: 100%;">
        <div class="grid-demo grid-demo-bg1 left-member" style="width: 530px; height: 550px; margin-left: 200px; margin-top: 100px; float: left;">
            <img src="../img/login/phone.png" style="margin-right: 30px;">
            <div class="infPhone" style="width: 290px; height: 380px; float: right; color: #FFFFFF;">
                <b>维也纳酒店微信</b>
                <ul>
                    <li>特价专区优惠享不停</li>
                    <li>真人客服24小时候命</li>
                    <li>参与互动赢丰厚大奖</li>
                </ul>
                <div class="code">
                    <img src="../img/login/code.png"><br />
                    <i>扫描二维码关注维也纳官方微信</i>
                </div>
            </div>
        </div>
    </div>

    <div class="layui-col-xs6 layui-col-md4" style="height: 100%;">
        <div class="grid-demo layui-tab layui-tab-card" lay-filter="test" style="background-color: white; width: 407px; height: 600px; margin-right: 80px; margin-top: 100px;">
            <!-- <div class="layui-tab layui-tab- card" lay-filter="test" style="width: 402px;"> -->

            <ul class="layui-tab-title" style="margin-bottom: 30px;">
                <li class="layui-this" style="width: 377px">登录</li>
               <%-- <li style="width: 175px;">公司会员登陆</li>--%>
            </ul>

            <div class="layui-tab-content" style="height: 100px;">
                <div class="layui-tab-item layui-show" style="width: 367px; height: 524px; margin-left: 20px; margin-right: 20px;">
                    <form class="layui-form layui-form-pane" >
                        <div class="layui-form-item">
                            <label class="layui-form-label">用户名</label>
                            <div class="layui-input-inline" style="width: 233px">
                                <input type="text" name="iphone" required lay-verify="required" placeholder="请输入手机号" autocomplete="off"
                                       class="layui-input" style="width: 232px;">
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <label class="layui-form-label">用户密码</label>
                            <div class="layui-input-inline" style="width: 233px">
                                <input type="password" name="pwd" required lay-verify="pwd" placeholder="请输入密码" autocomplete="off" class="layui-input"
                                       id="pass1" style="width: 233px">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <div class="layui-input-inline" style="width: 100%;">
                                <button class="layui-btn" lay-submit lay-filter="formDemo" style="width: 100%;">登&nbsp;&nbsp;录</button>
                            </div>
                        </div>
                    </form>
                    <div style="padding-bottom: 40px;" class="form-adv">会员最高可享8折预订,<a href="${pageContext.request.contextPath}/coustom/register.jsp">立即注册</a></div>
                    <a target="_blank" style="margin-top: 10px;display: block;padding: 20px;" href="https://m.wyn88.com/miniact/vmall/"><img
                            src="../img/login/pc_login_entry.png" style="width:100%"></a>
                </div>

            </div>
        </div>

    </div>
</div>

<div class="footer">
    <div class="footer-copy">
        <a href="#" target="_blank">关于维也纳</a>
        &nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
        <a href="#" target="_blank">APP下载</a>
        &nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
        <!-- <a href="/join/joinwyn.html" target="_blank">招商加盟</a> -->
        <a href="http://co.wyn88.com/" target="_blank">招商加盟</a>
        &nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
        <a href="https://www.wehotelpurchase.com/marketplace/zh/gpp" target="_blank">供应商</a>
        <!-- &nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp; -->

        <br>
        深圳市维也纳国际酒店管理有限公司 版权所有&nbsp;&nbsp;&nbsp;Copyright
        ©1998-2020&nbsp;&nbsp;&nbsp;wyn88.com&nbsp;&nbsp;&nbsp;粤ICP备09078541号-1
    </div>
</div>
</div>
<!-- <script type="text/javascript" src="./js/jquery-3.5.1.js"></script> -->
<script>
    layui.use(['element','layer','form'], function() {
        var element = layui.element;
        var layer=layui.layer;
        var $=layui.jquery;
        var form=layui.form;
        var $ = layui.jquery;

        form.on('submit(formDemo)', function(data){
            $.ajax({
                url: "${pageContext.request.contextPath}/custom?method=login",
                data: data.field,  //当前表单里面填写的数据{name:'',name1:''}
                type: "post",
                success: function (r) {
                    if (r==0) {
                        /*window.location.href = "login.jsp";*/
                        layer.msg("手机号和密码错误！！！")
                    }else if(r>0) {
                        window.location.href = '${pageContext.request.contextPath}/index';
                    }else {
                        layer.msg("您的账号已被禁用");
                    }
                }, error: function () {

                    layer.msg("服务器错误");
                }

            })

            return false;
        });


        var show_num = [];
        draw(show_num);
        $("#canvas").on('click', function() {
            draw(show_num);
        })

    });
</script>
</body>
</html>

